import React, { Component } from 'react';
import { hoc4 } from './hoc';
// 4 传递参数1
class App extends Component {
    render() {
        return (
            <div>
                <h3>App</h3>
                <p>userName:{this.props.userName}</p>
                <p>age:{this.props.age}</p>
            </div>
        )
    }
}
export default hoc4(App, 'kasha', 18)



// 3
// import hoc3 from './hoc'
// class App extends React.Component {
//     render() {
//         return (
//             <div>
//                 <h3>App</h3>
//             </div>
//         )
//     }
// }
// export default hoc3(App)


// 2
// class App extends Component {
//     render() {
//         return (
//             <div>
//                 <h3>App</h3>
//             </div>
//         )
//     }
// }
// function hoc(WrappendComponent) {
//     return class extends React.Component{
//         render() {
//             return <WrappendComponent></WrappendComponent>
//         }
//     }
// }
// export default hoc(App)




// 1
// class App extends Component {
//     render() {
//         return (
//             <div>
//                 <h3>App</h3>
//             </div>
//         )
//     }
// }
// function hoc(WrappendComponent) {
//     return WrappendComponent
// }
// export default hoc(App)